<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用Axios在前端页面请求后端数据</title>
<!--    引入axios-->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
<!--        查询一个-->
axios({
    method: 'get',
    url: 'http://localhost:8099/users/1',
}).then((result) =>{
    console.log(result.data.data);
}).catch((error =>{
    console.log(error);
}))

// <!--        使用axios发送请求，访问接口查询所有用户接口-->
        // axios({
        //     method: 'get',
        //     url: 'http://localhost:8099/users/all',
        //     params: {
        //         id: 1
        //     }
        // }).then((result) =>{
        //     console.log(result.data.data);
        // }).catch((error =>{
        //     console.log(error);
        // }))
axios({
    method: 'get',
    url: 'http://localhost:8099/users/1',
    params: {
        id: 1
    }
}).then((result) =>{
    console.log(result.data.data);
}).catch((error =>{
    console.log(error);
}))
    </script>
</head>
<body>

</body>
</html>